interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
  children: React.ReactNode
  className?: string
}

export function Card({ children, className = '', ...props }: CardProps) {
  return (
    <div 
      className={`
        relative overflow-hidden
        bg-background-card/30 backdrop-blur-lg
        border border-white/10
        rounded-xl shadow-xl
        transition-all duration-300
        hover:shadow-primary-500/20 hover:border-primary-500/30
        group
        ${className}
      `}
      {...props}
    >
      {/* 发光效果 */}
      <div className="absolute inset-0 bg-gradient-to-r from-primary-500/0 via-primary-500/10 to-primary-500/0 opacity-0 group-hover:opacity-100 transition-opacity" />
      
      {/* 内容 */}
      <div className="relative z-10">
        {children}
      </div>
    </div>
  )
} 